<div class="editor-form" style="padding: 10px;">
    <div class="t10m-panel">
        <table class="t10m-btn-table">
            <tr>
                <td rowspan="2" style="width: 60px;">

                </td>
                <td>
                    <button class="t10m-btn" data-event="aa-h">全口恒牙</button>
                    <button class="t10m-btn" data-event="ua-h">上半口-恒</button>
                    <button class="t10m-btn" data-event="da-h">下半口-恒</button>
                    <button class="t10m-btn" data-event="lu-h">左上-恒</button>
                    <button class="t10m-btn" data-event="ld-h">左下-恒</button>
                    <button class="t10m-btn" data-event="ru-h">右上-恒</button>
                    <button class="t10m-btn" data-event="rd-h">右下-恒</button>
                </td>
                <td rowspan="2">
                    <button class="t10m-btn big" data-event="aa-c">清除</button>
                </td>
            </tr>
            <tr>
                <td>
                    <button class="t10m-btn" data-event="aa-r">全口乳牙</button>
                    <button class="t10m-btn" data-event="ua-r">上半口-乳</button>
                    <button class="t10m-btn" data-event="da-r">下半口-乳</button>
                    <button class="t10m-btn" data-event="lu-r">左上-乳</button>
                    <button class="t10m-btn" data-event="ld-r">左下-乳</button>
                    <button class="t10m-btn" data-event="ru-r">右上-乳</button>
                    <button class="t10m-btn" data-event="rd-r">右下-乳</button>
                </td>
            </tr>
        </table>
    </div>
    <div class="t10m-panel">
        <table class="t10m-leg-table">
            <tr>
                <td rowspan="4" style="width: 60px;">
                    <b>牙位</b>
                </td>
                <td class="left">
                    <div class="tooth molars up deciduous" data-tname="E" data-area="ul">E</div>
                    <div class="tooth molars up deciduous" data-tname="D" data-area="ul">D</div>
                    <div class="tooth cuspid up deciduous" data-tname="C" data-area="ul">C</div>
                    <div class="tooth cuspid up deciduous" data-tname="B" data-area="ul">B</div>
                    <div class="tooth cuspid up deciduous" data-tname="A" data-area="ul">A</div>
                </td>
                <td class="right">
                    <div class="tooth cuspid up deciduous" data-tname="A" data-area="ur">A</div>
                    <div class="tooth cuspid up deciduous" data-tname="B" data-area="ur">B</div>
                    <div class="tooth cuspid up deciduous" data-tname="C" data-area="ur">C</div>
                    <div class="tooth molars up deciduous" data-tname="D" data-area="ur">D</div>
                    <div class="tooth molars up deciduous" data-tname="E" data-area="ur">E</div>
                </td>
            </tr>
            <tr style="border-bottom: 2px solid #000;">
                <td class="left">
                    <div class="tooth molars up permanent" data-tname="8" data-area="ul">8</div>
                    <div class="tooth molars up permanent" data-tname="7" data-area="ul">7</div>
                    <div class="tooth molars up permanent" data-tname="6" data-area="ul">6</div>
                    <div class="tooth molars up permanent" data-tname="5" data-area="ul">5</div>
                    <div class="tooth molars up permanent" data-tname="4" data-area="ul">4</div>
                    <div class="tooth cuspid up permanent" data-tname="3" data-area="ul">3</div>
                    <div class="tooth cuspid up permanent" data-tname="2" data-area="ul">2</div>
                    <div class="tooth cuspid up permanent" data-tname="1" data-area="ul">1</div>
                </td>
                <td class="right">
                    <div class="tooth cuspid up permanent" data-tname="1" data-area="ur">1</div>
                    <div class="tooth cuspid up permanent" data-tname="2" data-area="ur">2</div>
                    <div class="tooth cuspid up permanent" data-tname="3" data-area="ur">3</div>
                    <div class="tooth molars up permanent" data-tname="4" data-area="ur">4</div>
                    <div class="tooth molars up permanent" data-tname="5" data-area="ur">5</div>
                    <div class="tooth molars up permanent" data-tname="6" data-area="ur">6</div>
                    <div class="tooth molars up permanent" data-tname="7" data-area="ur">7</div>
                    <div class="tooth molars up permanent" data-tname="8" data-area="ur">8</div>
                </td>
            </tr>
            <tr style="border-top: 2px solid #000;">
                <td class="left">
                    <div class="tooth molars down permanent" data-tname="8" data-area="dl">8</div>
                    <div class="tooth molars down permanent" data-tname="7" data-area="dl">7</div>
                    <div class="tooth molars down permanent" data-tname="6" data-area="dl">6</div>
                    <div class="tooth molars down permanent" data-tname="5" data-area="dl">5</div>
                    <div class="tooth molars down permanent" data-tname="4" data-area="dl">4</div>
                    <div class="tooth cuspid down permanent" data-tname="3" data-area="dl">3</div>
                    <div class="tooth cuspid down permanent" data-tname="2" data-area="dl">2</div>
                    <div class="tooth cuspid down permanent" data-tname="1" data-area="dl">1</div>
                </td>
                <td class="right">
                    <div class="tooth cuspid down permanent" data-tname="1" data-area="dr">1</div>
                    <div class="tooth cuspid down permanent" data-tname="2" data-area="dr">2</div>
                    <div class="tooth cuspid down permanent" data-tname="3" data-area="dr">3</div>
                    <div class="tooth molars down permanent" data-tname="4" data-area="dr">4</div>
                    <div class="tooth molars down permanent" data-tname="5" data-area="dr">5</div>
                    <div class="tooth molars down permanent" data-tname="6" data-area="dr">6</div>
                    <div class="tooth molars down permanent" data-tname="7" data-area="dr">7</div>
                    <div class="tooth molars down permanent" data-tname="8" data-area="dr">8</div>
                </td>
            </tr>
            <tr>
                <td class="left">
                    <div class="tooth molars down deciduous" data-tname="E" data-area="dl">E</div>
                    <div class="tooth molars down deciduous" data-tname="D" data-area="dl">D</div>
                    <div class="tooth cuspid down deciduous" data-tname="C" data-area="dl">C</div>
                    <div class="tooth cuspid down deciduous" data-tname="B" data-area="dl">B</div>
                    <div class="tooth cuspid down deciduous" data-tname="A" data-area="dl">A</div>
                </td>
                <td class="right">
                    <div class="tooth cuspid down deciduous" data-tname="A" data-area="dr">A</div>
                    <div class="tooth cuspid down deciduous" data-tname="B" data-area="dr">B</div>
                    <div class="tooth cuspid down deciduous" data-tname="C" data-area="dr">C</div>
                    <div class="tooth molars down deciduous" data-tname="D" data-area="dr">D</div>
                    <div class="tooth molars down deciduous" data-tname="E" data-area="dr">E</div>
                </td>
            </tr>
        </table>
    </div>
    <div class="t10m-panel">
        <div style="display: inline-block;">
            <table class="t10m-leg-table">
                <tr>
                    <td style="width: 60px;"><b>牙面</b></td>
                    <td>
                        <div class="surface" data-type="La">La</div>
                        <div class="surface" data-type="B">B</div>
                        <div class="surface" data-type="F">F</div>
                        <div class="surface" data-type="M">M</div>
                        <div class="surface" data-type="O/I">O/I</div>
                        <div class="surface" data-type="D">D</div>
                        <div class="surface" data-type="L">L</div>
                        <div class="surface" data-type="P">P</div>
                    </td>
                </tr>
                <tr>
                    <td style="width: 60px;"><b>多生牙</b></td>
                    <td style="text-align: left;">
                        <div class="numerary" data-type="l"><sup>S</sup>|</div>
                        <div class="numerary" data-type="r">|<sup>S</sup></div>
                    </td>
                </tr>
            </table>
        </div>
        <div style="display: inline-block;">

        </div>
    </div>
    <div class="t10m-panel">
        <table class="t10m-leg-table">
            <tr>
                <td style="width: 60px;">
                    <b>表达式预览</b>
                </td>
                <td>
                    <div style="width: 590px;height:100px;border: 1px solid #b1b1b1;">
                        <table style="margin: 10px;font-size: 18px;">
                            <tr style="border-bottom: 2px solid #000;">
                                <td class="left up" id="form-t10m-pre1"></td>
                                <td class="right up" id="form-t10m-pre2"></td>
                            </tr>
                            <tr style="border-top: 2px solid #000;">
                                <td class="left down" id="form-t10m-pre3"></td>
                                <td class="right down" id="form-t10m-pre4"></td>
                            </tr>
                        </table>
                    </div>
                </td>
            </tr>
        </table>
    </div>
</div>